<template>
  <div>
    <!-- 4.使用组件（标签名的形式） -->
    <HmHeader></HmHeader>
    <HmBody></HmBody>
    <HmFooter></HmFooter>
  </div>
</template>
 
<script>
//2.引入组件
import HmHeader from './components/HmHeader.vue'
import HmBody from './components/hm-body.vue'
import HmFooter from './components/HmFooter.vue'

export default {
  //3.注册组件（局部注册）
  //components就是专用来做组件注册用的
  components: {
    HmHeader,
    HmBody,
    HmFooter
  },

  data() {
    return {}
  },

  methods: {}
}
</script>

<style scoped lang="less">
</style>